<template>
	<div class="profile">
		<img alt="Vue logo" src="../assets/logo.png" />
		<h1>Welcome {{ email }}</h1>
		<h3>
			Your Public Address is: <i>{{ publicAddress }}</i>
		</h3>
		{{state}}
	</div>
</template>
<script>
import { mapState } from 'vuex'

export default {
	computed: mapState({
		email: (state) => state.user.email,
		issuer: (state) => state.user.issuer,
		publicAddress: (state) => state.user.publicAddress,
		state: (state) => state,
	}),
}
</script>
<style scoped>
h3 {
	margin: 20px 0 0;
}
</style>
